<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="./js/dexie.js"></script>
</head>

<body>

</body>
<script>
  let db = new Dexie("mydb");
  db.version(1).stores({
    // 创建preson 数据库， 添加三个字段，且让id自增。name,age作为preso数据库的索引
    preson: "++id,name,age"
  });
  // 给preson添加一条数据
  db.preson.add({
    name: "张三",
    age: 20
  });

  db.preson.add({
    name: "李四",
    age: 33,
    "e-mail": "22644652855@qq.com"
  });

  // 更新数据
  db.preson.put({
    // 通过id找到对应的值，再修改
    id: 2,
    name: "李大哥",
    age: 33,
    "e-mail": "22644652855@qq.com"
  });

  // 直接填入id值，就可以删除对应的值了
  db.preson.delete(1);

  // 查找数据，填入id值，所得结果返回promies对象，所以加上await来接受
  let getName = async function () {
    return await db.preson.get(2);
  };
  let names = getName();
  console.log(names);

  // 将数据库关闭
  db.close();
</script>

</html>